<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>中金通</title>
<link rel="stylesheet" href="content/css/common.css" />
<link rel="stylesheet" href="content/css/index1.css" />
<link rel="stylesheet" href="content/css/index2.css" />
<link rel="stylesheet" href="content/css/sweetalert.css" />

</head>
<body>
<div class="header">
	<div class="main">
		<img alt="" src="content/images/icon_logo.png" class="logo">		
		<div class="indexs">
			<a href="#"><div class="item active">首页</div></a>
			<a href="#"><div class="item">功能特色</div></a>
			<a href="#"><div class="item">公司介绍</div></a>
			<a href="#"><div class="item">产品套餐</div></a>
			<a href="#"><div class="item">预约</div></a>
		</div>		
		<a href="#"><div class="btn_login">登录</div></a>
		<div class="phone">400-877-5799</div>
	</div>
</div>
<div class="name_part">
	<img alt="" src="content/images/icon_bg.png" class="bg_img">
</div>
<div class="center">
    <img alt="" src="content/images/icon_system.png" class="img2">
	<div class="textcon"> 
	    <div class="item"> 
	        <div class="name"> 
	            <span class="d1">APP</span><br>
	            <span class="d2">投资人/理财师/机构管理者</span>
	        </div>
	        <div class="descript"> 
	            <span class="d">精品推送</span>
	            <span class="d">在线预约</span>
	            <span class="d">投后服务</span>
	            <span class="d">沙龙活动</span>
	        </div>
	   </div>
	   <div class="item"> 
	       <div class="name"> 
	           <span class="d1">PAD+POS</span><br>
	           <span class="d2">理财师/团队</span>
	       </div>
		   <div class="descript1"> 
		       <div class="left">
			       <span class="d">交易闭环</span>
				   <span class="d">CRM管理</span>
				   <span class="d">KPI考核</span>
				   <span class="d">团队管理</span>
		       </div>   
			   <div class="right">    
		          <span class="d">流程规范</span>
		          <span class="d">订单管理</span>
		          <span class="d">轨迹管理</span>
		          <span class="d">线上培训</span>
			   </div>
		   </div>
       </div>
	   <div class="item"> 
	       <div class="name"> 
	           <span class="d1">PC</span><br>
	           <span class="d2">机构管理者/各权限角色/系统管理员</span>
	       </div>
	       <div class="descript"> 
	           <span class="d">资金无忧</span>
	           <span class="d">合同无忧</span>
	           <span class="d">渠道无忧</span>
	           <span class="d">客户无忧</span>
	        </div>
      </div>
   </div>
</div>

<div class="function1">
     <div class="fintro">中金通功能特色</div>
     <div class="null"></div>
     <div class="textcon1">
	     <div class="item1">
	         <img alt="" src="content/images/icon_sale.png" >
	         <div class="detail">一站式封闭型的<br>
	             <em>移动销售平台</em>
	         </div>
	     </div>
         <div class="item1">
             <img alt="" src="content/images/icon_operating.png" >
             <div class="detail">多角度精准化的<br>
                 <em>内控运营平台</em>
             </div>
         </div>
         <div class="item1">
             <img alt="" src="content/images/icon_wealth_industry.png" >
             <div class="detail">全方位高效能的<br>
                 <em>财富行业系统</em>
             </div>
         </div>
		 <div class="item1">
		     <img alt="" src="content/images/icon_customer_interaction.png" >
		     <div class="detail">专享式个性化的<br>
		        <em>客户互动系统</em>
		     </div>
		 </div>        
     </div>
</div>

<div class="function2">
     <div class="fintro spe">公司介绍</div>
     <div class="null"></div>
     <div class="textcon2">           
            <div class="item2">  
            <span class="ms">              
                                 浙江中金通信息技术有限公司总部设于杭州。<br>
                                 公司立足于国内财富管理需求的迅猛增长,<br>
                                 以金融机构特别是非银行金融机构的发展需求为导向，精准定位于金融产品销售系统，<br>
                                 集合了阿里巴巴、恒生、同花顺等互联网金融行业的技术精英,<br>
                                 自主研发了金融领域独一无二的高性能高体验的移动互联网金融产品销售平台——<span class="f2">"中金通"</span><br><br>
			 <span class="f1">我们的愿景：最专业的“移动互联网&nbsp;&nbsp;金融产品系统服务商”</span><br><br>
			 <span class="f1">我们的使命：一个产品颠覆一个行业</span>  
            </span>      
　　　　　　</div>                   
     </div>
</div>

<div class="team_part">
    <div class="title">我们的优势</div>
    <div class="det_part">
        <div class="det_img"><img alt="" src="content/images/index2/icon_ad_team.png" class="img1"></div>
        <div class="det_title">专业团队<br/>顶尖技术</div>
        <div class="det_text">来自阿里巴巴、恒生、<br/>同花顺等互联网+<br/>金融行业大鳄的<br/>研发精英团队</div>
    </div>
    <div class="det_part">
        <div class="det_img"><img alt="" src="content/images/index2/icon_ad_design.png" class="img1"></div>
        <div class="det_title">人性设计<br/>极致体验</div>
        <div class="det_text">4P终端+全方位精准化的<br/>功能设计保证机构管理者、理财师、<br/>投资人等每个角色的极致体验</div>
    </div>
    <div class="det_part">
        <div class="det_img"><img alt="" src="content/images/index2/icon_ad_coop.png" class="img1"></div>
        <div class="det_title">银联合作<br/>专属清算</div>
        <div class="det_text">中国银联和中金通强强联合<br/>推出中金通专属清算系统，<br/>保证每笔资金安全<br/>流向产品对应的基金专户</div>
    </div>
    <div class="det_part">
        <div class="det_img"><img alt="" src="content/images/index2/icon_ad_model.png" class="img1"></div>
        <div class="det_title">数据模块<br/>超强应用</div>
        <div class="det_text">超强数据分析，将产品销售、<br/>团队业绩、投资人偏好<br/>等进行多角度直观展示，<br/>为机构科学决策提供即时依据</div>
    </div>   
</div>

<div class="team_part service" style="background-color:#F5F5F5;">
    <div class="title">我们的服务</div>
    <div class="det_part">
        <div class="det_img"><img alt="" src="content/images/index2/icon_service_price.png" class="img1"></div>
        <div class="det_title">超低价格</div>
        <div class="det_text">根据企业实际情况按需租赁。<br/>企业投入成本是自行研发软件、<br/>自行采购硬件的1/20</div>
    </div>
    <div class="det_part">
        <div class="det_img"><img alt="" src="content/images/index2/icon_service_service.png" class="img1"></div>
        <div class="det_title">超值服务</div>
        <div class="det_text">1对1专属项目经理。<br/>免费提供技术支持和培训，<br/>免费享受系统不断升级</div>
    </div>
    <div class="det_part">
        <div class="det_img"><img alt="" src="content/images/index2/icon_service_time.png" class="img1"></div>
        <div class="det_title">超短时间</div>
        <div class="det_text">5天完成平台建设全过程，<br/>让您咋竞争中迅速抢占市场</div>
    </div>
    <div class="det_part">
        <div class="det_img"><img alt="" src="content/images/index2/icon_service_resp.png" class="img1"></div>
        <div class="det_title">超快响应</div>
        <div class="det_text">每月都有新功能、新特征，<br/>用户体验持续升级</div>
    </div>   
</div>

<div class="team_part part" id="div_procedure">
    <div class="title">服务流程图</div>
    <div class="det_bg"><img id="img" src="content/images/index2/icon_flow.png"></div>
</div>

<div class="team_part product">
    <div class="title">产品套餐</div>
    <div class="pro_part">
        <div class="pro_img"><img alt="" src="content/images/index2/icon_pro_01.png" class="img3"></div>
        <div class="pro_img"><img alt="" src="content/images/index2/icon_pro_02.png" class="img3"></div>
        <div class="pro_img"><img alt="" src="content/images/index2/icon_pro_03.png" class="img3"></div>
    </div>
</div>

<div class="main join_part">
	<div class="inputs">
		<div class="txt_big">在线预约</div>
		<div class="txt_small" style="margin: 24px 0 41px 0;">欢迎给我们留言，我们会尽快与您联系</div>
		<div class="input_small icon1">
			<input type="text" id="name" placeholder="姓名">
		</div>
		<div class="input_small icon2">
			<input type="text" id="qq" placeholder="QQ">
		</div>
		<div class="input_small icon3">
			<input type="text" id="phone" placeholder="电话">
		</div>
		<div class="input_big">
			<textarea placeholder="留言" id="message" rows="" cols=""></textarea>
		</div>
		<a style="cursor:pointer;">
		    <div class="sharp">
                <div class="b1"></div><div class="b2"></div>
                <div class="btn_submit" id="confirmSubmit">确定提交</div>
                <div class="b7"></div><div class="b8"></div>    
            </div>
		</a>
	</div>
	
	<div class="contacts">
		<div class="txt_big">联系专员</div>
		<div class="txt_small" style="margin: 24px 0 0 0;">立即搭建平台</div>
		<div class="items">
			<div class="item">
				<img alt="" src="content/images/icon_contact_qq.png" class="img_icon">
				<div class="txts">QQ<br><em>2621791271</em></div>
			</div>
			<div class="item">
				<img alt="" src="content/images/icon_contact_phone.png" class="img_icon">
				<div class="txts">咨询电话<br><em>400-877-5799</em></div>
			</div>
			<!-- <div class="item phone">
				<div class="txts">商务合作电话
				<br><em>186-5567-7899</em><p>（陈经理）</p>
				<br><em>137-7086-4892</em><p>（王经理）</p>
				<br><em>186-5567-5799</em><p>（柳经理）</p></div>
			</div> -->
		</div>
	</div>
</div>

<div class="footer">浙江中金通信息技术有限公司© 2015 cfu666.com 浙ICP备15032054号</div>

<div class="hover">
	<a href="#"><div class="reach_top"></div></a>
	<a href="#"><div class="join"></div></a>
	<a href="#"><div class="contact"></div></a>
	<div class="qrcode"></div>
</div>


<script type="text/javascript" src="content/js/lib/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="content/js/zjt.js"></script>
<script type="text/javascript" src="content/js/tests.js"></script>
<script type="text/javascript" src="content/js/placeholders.js"></script>
<script type="text/javascript" src="content/js/sweetalert.min.js"></script>

<script type="text/javascript">
$('.reach_top').on('click', function(e) {
	e.preventDefault();
	$(window).scrollTop(0);
});

$(function(){
	var width=$(window).width();
	var height=width*515/1920; 	
	$('#img').css('width',width+'px');
	$('#img').css('height',height+'px');	
	$('#div_procedure').css('height', (height + 250) + 'px');
	
	// 提交预约信息
	$('#confirmSubmit').on('click', function(){
		var name = $('#name').val();
		var qq = $('#qq').val();
		var phone = $('#phone').val();
		var message = $('#message').val();
		
		if (name == '' && qq == '' && phone == '' && message == '') {
			swal("请填写预约信息！", "", "info");
			return;		
		}
		// 拼json吧，不想引入js库了
		var json = '{';
		if (name != '') {
			json = json + '"name":"' + name + '"';
		}
		if (qq != '') {
			if (json == "{") {
				json = json + '"qq":"' + qq + '"';
			} else {
				json = json + ',"qq":"' + qq + '"';
			}
		}
		if (phone != '') {
			if (json == "{") {
				json = json + '"phone":"' + phone + '"';
			} else {
				json = json + ',"phone":"' + phone + '"';
			}
		}
		if (message != '') {
			if (json == "{") {
				json = json + '"message":"' + message + '"';
			} else {
				json = json + ',"message":"' + message + '"';
			}
		}
		json = json + '}';
		// 修改该地址，改成boos的地址
		var http = "http://localhost:8090/jrt_admin";
		
		$.ajax({
	        url: http + "/booking/subscribe?callback="+json,
	        dataType:"jsonp",
	        contentType:"text/html",
	        jsonp:json,
	        jsonpCallback:"callback",
	        success: function(msg, status){
	        	if (msg.code == 1) {
	        		$('#name').val('');
		    		$('#qq').val('');
		    		$('#phone').val('');
		    		$('#message').val('');
		        	swal("恭喜你！预约成功！", "", "success");
	        	} else {
		        	swal("预约失败！请联系客服！", "", "error");
	        	}
	        },
	        error: function (msg) {
	        	var text = msg.responseText;
	        	if (text == undefined) {
	        		swal("预约失败！请联系客服！", "", "error");
	        	} else {
	        		var json =JSON.parse(text);
		        	if (json.code == 1) {
		        		$('#name').val('');
			    		$('#qq').val('');
			    		$('#phone').val('');
			    		$('#message').val('');
			        	swal("恭喜你！预约成功！", "", "success");
		        	} else {
		        		swal("预约失败！请联系客服！", "", "error");
		        	}
	        	}
	        }
	    });
	});
});


</script>

</body>
</html>